<style>

</style>
<template>
    <ly-page>
        <ly-navi type="title" title="属性树形"></ly-navi>
        <ly-page-content>
            <ly-tip>
                <p>
                   默认的 el-table tree 只有点击图标才会展开 tree,特别不好点
                </p>
                <p>
                    我们在不修改使用的的情况下,进行了升级,升级后点击整个第一列都可以进行展开 tree
                </p>
            </ly-tip>
            <el-table
                    :data="tableData1"
                    style="width: 100%"
                    row-key="id"
                    border
                    lazy
                    :tree-props="{children: 'children'}">
                <el-table-column
                        prop="date"
                        label="日期"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="name"
                        label="姓名"
                        width="180">
                </el-table-column>
                <el-table-column
                        prop="address"
                        label="地址">
                </el-table-column>
            </el-table>

        </ly-page-content>
    </ly-page>
</template>
<script>
    Rap.define('', [], {
        data: function () {
            return {
                tableData1:[{
                    id: 1,
                    date: '2016-05-02',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1518 弄',
                    children: [{
                        id: 11,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }, {
                        id: 12,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }]
                }, {
                    id: 2,
                    date: '2016-05-04',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1517 弄',
                    children: [{
                        id: 21,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }, {
                        id: 22,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }]
                }, {
                    id: 3,
                    date: '2016-05-01',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1519 弄',
                    children: [{
                        id: 31,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }, {
                        id: 32,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }]
                }, {
                    id: 4,
                    date: '2016-05-03',
                    name: '王小虎',
                    address: '上海市普陀区金沙江路 1516 弄',
                    children: [{
                        id: 41,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }, {
                        id: 42,
                        date: '2016-05-01',
                        name: '王小虎',
                        address: '上海市普陀区金沙江路 1519 弄'
                    }]
                }]
            }
        }, created: function () {
        }, init: function (query) {
        },
        methods: {
            rowEdit: function (row) {

            }, toggleTree: function (row) {

            }
        }
    });
</script>